*{
    margin: 0;
    padding: 0;
}
body {
    font-family: "Microsoft YaHei";
    font-size:14px;
    color:#333;
}
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
#app{
    border: 1px solid #9BCD9B;
}
.header{
    height: 90px;
    background-color: #9BCD9B;
    margin-top: -30px;
}
.header .logo{
    float: left;
    margin-left: 10px;
}
.header .slogan{
    text-align: left;
    font-size: 26px;
    color: #fff;
    height: 55px;
    line-height: 55px;
    margin-left: 120px;
}
.header ul.nav li{
    float: left;
    margin-left: 30px;
    color: #fff;
    font-size: 16px;
}
.header ul.nav li:hover{
    cursor: pointer;
    text-decoration: underline;
    color: #ff0;
}
.header ul.nav li a{
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.header ul.nav li a:hover{
    color: #ff0;
    cursor: pointer;
}
.hot{
    height: 650px;
    margin-top: 1px;
}
.hot h2{
    font-size: 22px;
    display: inline-block;
    color: #fba49d;
    line-height: 40px;
    font-weight: 300;
    margin-left: 10px;
}
.hot .list .clearfix li{
    float: left;
    list-style: none;
}
.hot .list .clearfix .single{
    width: 220px;
    height: 147px;
    margin:10px 0 5px 10px;
    display: block;
}

.hot .list .clearfix a.set:nth-child(2) {
    margin-left: 10px;
}
.hot .list .clearfix a.set{
    /* margin-left: 10px; */
    color: #fba49d;
    display: inline-block;
    border: 1px #fba49d solid;
    border-radius: 5px;
    height: 20px;
    text-decoration: none;
    padding: 2px 5px;
    cursor: pointer;
}

.footer{
    clear: both;
    height: 51px;
    border-top: #fba49d solid 2px;
    padding-top: 5px;
}

.footer div{
    text-align: center;
    margin-top: 5px;
    color: #999;
}

.header-categary{
    height: 25px;
    background-color: #fba49d;
}
.header-categary .nav{
    margin-left: 10px;
    color: #fff;
}
.header-categary .nav a{
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    text-decoration: none;
}
.header-categary .nav a:hover{
    text-decoration: underline;
}
.h500{
    height: 500px;
}
h2.f18{
    font-size: 18px;
    height: 18px;
}
.mini-title{
    float: right;
    margin-right: 20px;;
}

/*LOADER-7*/
.loader { 
    position: relative; 
    width: 40px; 
    height: 40px; 
    border-radius: 50%; 
    display: inline-block; 
    vertical-align: middle;
    margin-left: 10px; 
}   
.loader-7 .line { 
    width: 5px; 
    position: absolute; 
    border-radius: 5px; 
    bottom: 0; 
    background: -webkit-gradient(linear, left top, left bottom, from(#1ee95d), to(#5714ce)); 
    background: -webkit-linear-gradient(top, #1ee95d, #5714ce); 
    background: linear-gradient(to bottom, #1ee95d, #5714ce); 
}
.loader-7 .line1 { 
    left: 0; 
    -webkit-animation: line-grow 0.5s ease alternate infinite; 
    animation: line-grow 0.5s ease alternate infinite; 
}
.loader-7 .line2 { 
    left: 10px; 
    -webkit-animation: line-grow 0.5s 0.2s ease alternate infinite; 
    animation: line-grow 0.5s 0.2s ease alternate infinite; 
}
.loader-7 .line3 { 
    left: 20px; 
    -webkit-animation: line-grow 0.5s 0.4s ease alternate infinite; 
    animation: line-grow 0.5s 0.4s ease alternate infinite; 
}
@-webkit-keyframes line-grow {
    0% {
    height: 0;
   }
    100% {
    height: 75%;
   }
}
@keyframes line-grow {
    0% {
    height: 0;
   }
    100% {
    height: 75%;
   }
}
.page{
    clear: both;
    height: 45px;
    margin: 0 auto;
}
.page ul{
    height: 45px;
    width: auto;
    margin: 0 auto;
    padding-top: 5px;
    margin-left: 10px;;
}
.page ul li {
    list-style: none;
    float: left;
    display: inline-block;
    margin-left: 2px;
}
.page ul li a,span{
    padding: 8px 12px;
    display: inline-block;
    color: #fba49d;
    border: 1px solid #fba49d;
}
.page ul li span{
    border: 1px solid #999;
    color: #999;
}
.page ul li a{
    cursor: pointer;
}
.page ul li a:hover{
    background-color: #fba49d;
    color: #fff;
}

.btn-list{
    width:100px;
}
.btn{
    width:25px;
    height:25px;
    border:none;
    outline:none;
    /* border-radius: 20px; */
    background-color: #9BCD9B;
    cursor: pointer;
}
.btn-min{
}
.btn-max{
}
.btn-close{
}
.btn-set{
}
.tiltebar{
    display: flex;
    padding: 5px;
    flex-direction: row;
    justify-content: space-between;
    /*
    background:radial-gradient(
        ellipse at top left,
        rgba(200, 80, 100, 1) 40%,
        rgba(229, 229, 229, .6) 100%
        );
    */
    background-color: #9BCD9B;
}
.tiltebar h2{
    -webkit-app-region: drag;
    color: #fff;
    /* border: 1px solid #000; */
    height: 25px;
    width: 100%;
}
.alert{
    background-color: #9BCD9B;
    width: 500px;
    min-height: 250px;
    border-radius: 5px;
    position: fixed;
    left: 50%; 
    top: 50%;
    margin-left: -250px;
    margin-top: -125px;
}
.alert-header{
    height: 30px;
    border-bottom: 1px solid #fff;
    line-height: 30px;
    margin: 0 5px;
}
.alert-header h6{
    width: 450px;
    display: inline-block;
    padding-left: 10px;
    line-height: 30px;
    height: 30px;
    color: #fff;
    font-size: 16px;
}
.alert-header img{
    width: 25px;
    height: 25px;
    line-height: 30px;
    vertical-align: middle;
}
.alert-header img:hover{
    cursor: pointer;
}
.alert-content{
}
.alert-content p{
    height: 100%;
    color: #fff;
}
.alert-mini{
    width: 300px;
    min-height: 120px;
    left: 50%; 
    top: 50%;
    margin-left: -150px;
    margin-top: -60px;
}
.alert-mini .alert-header h6{
    width: 250px;
}
/*dialog*/
.dialog{
    background-color: #9BCD9B;
    width: 500px;
    min-height: 250px;
    border-radius: 5px;
    position: fixed;
    left: 50%; 
    top: 50%;
    margin-left: -250px;
    margin-top: -125px;
}
.dialog-header{
    height: 30px;
    border-bottom: 1px solid #fff;
    line-height: 30px;
    margin: 0 5px;
}
.dialog-header h6{
    width: 450px;
    display: inline-block;
    padding-left: 10px;
    line-height: 30px;
    height: 30px;
    color: #fff;
    font-size: 16px;
}
.dialog-header img{
    width: 25px;
    height: 25px;
    line-height: 30px;
    vertical-align: middle;
}
.dialog-header img:hover{
    cursor: pointer;
}
.dialog-footer{
    height: 30px;
    border-top: 1px solid #fff;
    line-height: 30px;
    margin: 0 5px;
    text-align: right;
}
.dialog-footer input{
    background-color: #fff;
    color: #9BCD9B;
    border: none;
    padding: 5px 15px;
    margin-top: 5px;
    cursor: pointer;
}
.dialog-content{
    padding-top: 10px;
}
.dialog-content p{
    height: 100%;
    color: #fff;
    text-align: center;
}
.dialog-content div{
    padding: 0 20px;
}
.dialog-mini{
    width: 300px;
    min-height: 160px;
    left: 50%; 
    top: 50%;
    margin-left: -150px;
    margin-top: -80px;
}
.dialog-mini .dialog-header h6{
    width: 250px;
}
.form-item{
    padding: 0 5px;
    color: #fff;
    margin: 6px 0;
}
.form-item input.interval{
    width: 50px;
}
.clearfix {
    display: block;
}
.condition{
    /* height: 280px; */
    height: 651px;
}
.condition .box{
    margin: 0 7px;
    border-top: 1px dashed #c9c9c9;
    padding: 10px 0;
}
.condition .box:nth-child(1){
    height: 108px;
}
.condition .box:nth-child(2){
    height: 79px;
}
.condition .box:nth-child(3){
    height: 46px;
}
.condition .box .btn2 b{
    display: block;
    float: left;
    padding: 0 0 0 13px;
    width: 85px;
    color: #6a6d78;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    height: 100%;
}
.condition .box .btn2 .cont1{
    float: left;
    width: 990px;
    padding: 0 64px 0 10px;
    height: 58px;
    overflow: hidden;
    position: relative;
}
.condition .box .btn2 .cont1 a{
    display: block;
    float: left;
    padding: 0 10px;
    color: #6a6d78;
    font-size: 14px;
    line-height: 25px;
    margin: 2px 0 2px 8px;
    cursor: pointer;
}
.condition .box .btn2 .cont2{
    float: left;
    width: 990px;
    padding: 0 64px 0 10px;
    height: 88px;
    overflow: hidden;
    position: relative;
}
.condition .box .btn2 .cont2 a{
    display: block;
    float: left;
    padding: 0 10px;
    color: #6a6d78;
    font-size: 14px;
    line-height: 25px;
    margin: 2px 0 2px 8px;
    cursor: pointer;
}

.condition .box .btn2 .cont_cl {
    float: left;
    width: 990px;
    padding: 0 64px 0 10px;
    height: 25px;
    position: relative;
}

.condition .box .btn2 .cont_cl a{
    display: block;
    float: left;
    padding: 0 10px;
    color: #6a6d78;
    font-size: 14px;
    line-height: 25px;
    margin: 0 0 5px 8px;
    cursor: pointer;
}
.condition .box .btn2 .cont2 .active, .condition .box .btn2 .cont a:hover {
    color: #fff;
    background-color: #ff8773;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.condition .box .btn2 .cont1 .active, .condition .box .btn2 .cont a:hover {
    color: #fff;
    background-color: #ff8773;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.condition .box .btn2 .cont_cl a.active1 {
    color: #fff;
    background-color: #ff8773;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.cont_cl a.active {
    border: 2px solid green;
}
.cont_cl .cl {
    width: 16px!important;
    height: 16px!important;
    padding: 0!important;
    margin: 5px 0 0 14px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.cont_cl .cl1{ background-color:#fff100;}
.cont_cl .cl2{ background-color:#f39800;}
.cont_cl .cl3{ background-color:#e60012;}
.cont_cl .cl4{ background-color:#ed9cad;}
.cont_cl .cl5{ background-color:#d700ea;}
.cont_cl .cl6{ background-color:#b3d465;}
.cont_cl .cl7{ background-color:#00b7ee;}
.cont_cl .cl8{ background-color:#cccccc;}
.cont_cl .cl9{ background-color:#000000;}
.cont_cl .cl10{ background:url(./cl_bg.png) no-repeat left center;}
.cont_cl .cl11{ background-color:#ffffff; border:1px solid #a0a0a0; width:15px!important; height:15px!important;}

.cont_cl .cll1{ background-color:#fff100;border:2px solid #666;box-shadow:0 0 1px #fff100}
.cont_cl .cll2{ background-color:#f39800;border:2px solid #666;box-shadow:0 0 1px #f39800}
.cont_cl .cll2{ background-color:#f39800;border:2px solid #666;box-shadow:0 0 1px #f39800}
.cont_cl .cll3{ background-color:#e60012;border:2px solid #666;box-shadow:0 0 1px #e60012}
.cont_cl .cll4{ background-color:#ed9cad;border:2px solid #666;box-shadow:0 0 1px #ed9cad}
.cont_cl .cll5{ background-color:#d700ea;border:2px solid #666;box-shadow:0 0 1px #d700ea}
.cont_cl .cll6{ background-color:#b3d465;border:2px solid #666;box-shadow:0 0 1px #b3d465}
.cont_cl .cll7{ background-color:#00b7ee;border:2px solid #666;box-shadow:0 0 1px #00b7ee}
.cont_cl .cll8{ background-color:#cccccc;border:2px solid #666;box-shadow:0 0 1px #cccccc}
.cont_cl .cll9{ background-color:#000000;border:2px solid #666;box-shadow:0 0 1px #000000}
.cont_cl .cll10{ background:url(./cl_bg.png) no-repeat left center;border:2px solid #666;box-shadow:0 0 1px #000000}
.cont_cl .cll11{ background-color:#977474; border:1px solid #a0a0a0; width:15px!important; height:15px!important;border:2px solid #666;box-shadow:0 0 1px #a0a0a0}

.jqQuery{
    vertical-align: middle;
    margin-bottom: 2px;
}
/*404*/
.error{width: 1180px;margin: 0px auto;overflow: hidden;height: 550px; padding-top: 100px;}
.error .e-img{float: left;width: 280px;height: 280px;margin-left: 200px;background: url(./404-img.png) no-repeat;background-size: 100% 100%;}
.error .e-box{float: left;margin-left: 40px;}
.error .e-text b{font-size: 60px;color: #fb9e97;line-height: 80px;}
.error .e-text p{font-size: 20px;color: #333;line-height: 30px;margin-bottom: 10px;font-weight: bold;}
.error .e-text em{font-size: 18px;color: #999;line-height: 30px;}
.error .e-btn{padding-top: 40px;cursor: pointer;}
.error .e-btn a{display: block;float: left;border: 1px solid #fb9e97;margin-right: 20px;border-radius: 2px;cursor: pointer; padding: 5px 10px;}
.error .e-btn a label{font-size: 18px;color: #fb9e97;line-height: 22px;padding-left: 26px;background: url(./little-icon.png) no-repeat left top;}
.error .e-btn a:first-child label{background-position-y: -44px;}
.error .e-btn a:hover{background-color: #fb9e97;}
.error .e-btn a:hover label{background-position-y: -22px;color: #fff;}
.error .e-btn a:first-child:hover{background-color: #fb9e97;}
.error .e-btn a:first-child:hover label{background-position-y: -66px;color: #fff;}
